@import '../color_theme'
.selection_wrapper
    margin-right: 10px

.customer_border_wrapper
    border: 1px solid $color_eeee
    padding: 10px 10px 0 10px

.n_quantile
    width: 130px
    border-radius: 4px !important

.left_container
    width: 50%
    height: 100%
    box-sizing: border-box
    padding-right: 10px

.right_container
    width: 50%
    height: 100%
    box-sizing: border-box
    padding-left: 10px

.scene_container_wrapper
    position: relative

.position_absolute
    position: absolute

.scene_export_nav
    padding: 25px 20px
    background: $color_ffff
    border-bottom: 1px solid $color_f0f2

.area_desc_tips
    display: flex
    align-items: center
    justify-content: center

    .area_desc_block
        margin-top: 8px
        margin-right: 20px
        padding-left: 26px
        position: relative
        &::after
            display: block
            width: 20px
            height: 14px
            content: ' '
            position: absolute
            background: $color_ff69
            top: 50%
            margin-top: -7px
            left: 0
            border-radius: 2px
        span

    .area_desc_up
        &::after
            background: rgba(255, 201, 201, 0.7)

    .area_desc_normal
        &::after
            background: rgba(183, 227, 255, 0.7)

    .area_desc_down_yellow
        &::after
            background: rgba(255, 237, 183, 0.7)

    .area_desc_down_green
        &::after
            background: rgba(188, 255, 183, 0.7)

